<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>注册页</title>
		
		<link rel="shortcut icon" type="text/css" href="./images/bitbug_favicon.ico"/>
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css">
		<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>
	</head>
	<body>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			.ZCY{
				margin: 0 auto;
				width: 1000px;
				
			}
			.TB{
				
				height: 16px;
				background: skyblue;
			}
			.DHL{
				height: 112px;
				/*background-color: pink;*/
				overflow: hidden;
				position: relative;
			}
			.DHL_1{
				font-size: 0;
				margin-left: 73px;
				margin-top: 34px;
				display: inline-block;
				/*overflow: auto;*/
				vertical-align: top;
				position:absolute;
			}
			.nav{
				display: inline-block;
				list-style: none;
				width: 400px;
				height: 15px;
				font-size: 0;
				position: absolute;
				top: 73px;
				left: 264px;
				
			}
			li{
				display: inline-block;
				margin-right:14px;
			}							
			
			.nav li:last-child{
				margin-right:0;
			}
			.nav_1{
				text-decoration: none;
				color: black;
				font-size: 14px;
				
			}
			
			.SS{
				width: 216px;
				height: 30px;
				/*margin-left: 48px;*/
				position: absolute;
				top:65px;
				right: 76px;
				box-sizing: border-box;
				padding-left: 5px;
				outline: none;
			}
			.FDJ{
				position: absolute;
				top: 66px;
				right: 77px;
				background: url(images/2_03.jpg);
				width: 37px;
				height: 28px;
				border: none;
				outline: none;
			}
			.nav li:hover:after{
				content: "";
				display: block;
				height: 5px;
				width: 60%;
				margin: 0 auto;
				border-bottom: 1px solid #828282;
				/*padding-bottom: 5px;
				*/
			}
			.swiper-container{
				height: 400px;
				width: 999px;
			}
			.ZR{
				width: 500px;
				height: 28px;
				margin: 0 auto;
				/*background: gold;*/
				margin-top: 51px;
				/*overflow: hidden;*/
				position: relative;
				text-align: center;
			}
			.ZR_1{
				width: 60%;
				height: 2px;
				background-color: grey;
				margin-top: 14px;
				display: inline-block;
				
			}
			.ZR_2{
				width: 140px;
				/*height: 48px;*/
				text-align: center;
				background: white;
				position: absolute;
				top: 3px;
				left: 174px;
			}
			.b1{
				font-size: 14px;
				text-align: justify;
				display: block;
				width: 92px;
				margin: 0 auto;
				height: 9px;
			}
			.b1::after{
				content: "";
				width: 100%;
				height: 0;
				clear: both;
				display: inline-block;
			}
			.span1{
				font-size: 2px;
				font-variant: all-petite-caps;
			}
			.SM{
				font-size: 16px;
				display: block;
				text-align: center;
				margin-top: 32px;
			}
			textarea{
				resize: none;
				background: white;
				line-height: 18px;
			}
			table{
				margin: 0 auto;
				height: 450px;
				margin-top:20px ;
			}
			.td1{
				width: 180px;
			}
			.red{
				color: red;	
				font-size: 12px;
			}
			.red1{
				color: red;
				font-size: 14px;
			}
			.td2{
				width: 100px;
			}
			
			.YZ{
				width: 100px;
			}
			.look{
				font-size: 14px;
			}
			.tr4{
				vertical-align: top;
			}
			.GH{
				text-decoration: none;
			}
			.XY{
				width: 16px;
				height: 16px;
				/*border: 1px solid #000000;*/
				display: inline-block;
				margin-left: 195px;
			}
			.XY1{
				display: inline-block;
				margin-left: 10px;
				position: relative;
				bottom: 2px;
			}
			.XY_img{
				width: 100%;
				display: none;
			}
			.cbox{
				width:18px;
				height:18px;
				/*改变元素的透明度*/
				opacity: 0;
				/*绝对定位*/
				position: relative;
				left: 218px;
				top: 2px;
			}
			.cbox:checked+.XY>.XY_img{
				display: block;
			}
			.cbox:checked{
				opacity: 0;
			}
			.GX{
				width: 9px;
				height: 10px;
				border: 1px solid #ff0000;
				display: inline-block;
				position: relative;
			    left: 234px;
			    bottom: 2px;
				}
			
			.B{
				text-align: center;
				margin-top: 34px;
			}
			.ZC{
				background: skyblue;
				border: none;
				outline: none;
				cursor: pointer;
				border-radius: 10px;
				width: 121px;
				height: 33px;
				color: white;
			}
			.hr{
				width: 1000px;
				height: 1px;
				background: #b6daff;
				margin-top: 36px;
			}
			.AB{
				width: 1000px;
				height: 158px;
				/*background: pink;*/
				font-size: 0;
				margin-top: 35px;
			}
			.JJ{
				width: 168px;
				height: 100px;
				display: inline-block;
				/*background: yellow;*/
				vertical-align: top;
			}
			.BZ{
				width: 165px;
				height: 100px;
				display: inline-block;
				/*background: green;*/
			}
			.GY{
				width: 166px;
				height: 103px;
				display: inline-block;
				/*background: purple;*/
			}
			.DH{
				width: 125px;
				height: 103px;
				display: inline-block;
				/*background: red;*/
			}
			h1{
				font-size: 16px;
				margin-bottom: 20px;
			}
			p{
				font-size: 12px;
				margin: 10px 0px;
			}
			.FW{
				width: 375px;
				height: 103px;
				/*background: hotpink;*/
				display: inline-block;
				vertical-align: top;
				position: relative;
				
			}
			.img_7{
				display: inline-block;
			}
			.FW_1{
				width: 156px;
				height: 60px;
				/*background: yellow;*/
				display: inline-block;
				vertical-align: top;
				font-size: 14px;
			}
			b{
				font-size: 20px;
			}
			.b_1{
				margin-left: 5px;
				
				
			}
			.SJ{
				width: 174px;
				height: 60px;
				/*background: green;*/
				display: inline-block;
				vertical-align: top;
				position: relative;
				font-size: 13px;
			}
			.GZ{
				position: absolute;
				right: 45px;
				bottom: 0;
			}
			.EWM{
				font-size: 12px;
				position: absolute;
				bottom: -25px;
			}
			.foot{
				height: 70px;
				background: #6db6ff;
				/*text-align: center;*/
				position: relative;
			}
			.BQ{
				position: absolute;
				top: 45px;
				left: 311px;
				font-size: 14px;
				font-weight: normal;
			}
			
		</style>
		
		
		
		<div class="ZCY">
			<!--网页头部-->
			<div class="TB"></div>
			<!--导航栏-->
			<div class="DHL">
				<div class="DHL_1">
					<a href="#" class="img1"><img src="images/1_03.jpg"/></a>鼎搜网
				</div>
				<ul class="nav">
					<li><a class="nav_1" href="index.html">首页</a></li>
					<li><a class="nav_1" href="list.html">鼎搜投资</a></li>
					<li><a class="nav_1" href="zhuce.html">鼎搜服务</a></li>
					<li><a class="nav_1" href="denglu.html">鼎搜动态</a></li>
					<li><a class="nav_1" href="xiangxi.html">鼎搜诚聘</a></li>
					<li><a class="nav_1" href="#">鼎搜公益</a></li>
				</ul>
				<form action="" method="post">
					<input type="text" class="SS" value="" />
					<button type="submit" class="FDJ"></button>
				</form>
				
				
			</div>
			<!--轮播图-->
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide"><img src="images/3_03.jpg"/></div>
			        <div class="swiper-slide"><img src="images/3_03.jpg"/></div>
			        <div class="swiper-slide"><img src="images/3_03.jpg"/></div>
			    </div>    
			        	
			     <!-- 如果需要分页器 -->
			    <div class="swiper-pagination"></div>
			</div>
			<script type="text/javascript">
				var mySwiper = new Swiper ('.swiper-container', {
//			    direction: 'vertical', // 垂直切换选项
			    loop: true, // 循环模式选项
			    autoplay:true,
			    // 如果需要分页器
			    pagination: {
			      el: '.swiper-pagination',
			      
			    },})
			</script>
			<!--我要转让-->
			<div class="ZR">
				<div class="ZR_1"></div>
				<div class="ZR_2">
					<b class="b1">我要转让</b>
					<span class="span1">WO YAO ZHUAN RANG</span>
				</div>
			</div>
			<!--注册说明-->
			<span class="SM">(带 * 号的表示为必填项目，用户名必须大于3位小于20位，密码必须大于3位)</span>
			<!--注册表单-->
			<form action="" method="post">
			
			<table border="0" cellspacing="" cellpadding="50">
				<tr>
					<td class="td2">用户名：</td>
					<td class="td1"><input type="text" name="user" id="" value="" /></td>
					<td colspan="2"><span class="red">*</span>(可以使用中文，但禁止除[@][.]以外的特殊符号)</td>
				</tr>
				<tr>
					<td class="td2">公司名称：</td>
					<td class="td1"><input type="text" name="company" id="" value="" /></td>
					<td colspan="2"><span class="red">*</span></td>
				</tr>
				<tr>
					<td class="td2">登陆密码：</td>
					<td class="td1"><input type="text" name="PSW" id="" value="" /></td>
					<td colspan="2"><span class="red">*</span></td>
				</tr>
				<tr>
					<td class="td2">确认密码：</td>
					<td class="td1"><input type="text" name="sure" id="" value="" /></td>
					<td colspan="2"><span class="red">*×两次输入密码不一致</span></td>
				</tr>
				<tr>
					<td class="td2">电子邮箱：</td>
					<td class="td1"><input type="text" name="Ema" id="" value="" /></td>
					<td colspan="2"><span class="red">*</span>(每个电子邮邮箱只能注册一个帐号)</td>
				</tr>
				<tr>
					<td class="td2">安全问题：</td>
					<td colspan="3"><select name="没安全提示问题" >没安全提示问题
						<option value="没安全提示问题" >没安全提示问题</option>
					</select>(忘记密码时重设密码用)</td>
					<!--<td>(忘记密码时重设密码用)</td>-->
				</tr>
				<tr>
					<td>性别：</td>
					<td>
						<label><input type="radio" name="sex" id="" value="0" />男</lable>
						<label><input type="radio" name="sex" id="" value="1" />女</lable>
						<label><input type="radio" name="sex" id="" value="2" />保密</lable>
					</td>
				</tr>
				<tr>
					<td class="td2">问题答案</td>
					<td colspan="3"><input type="text" name="" id="" value="" /></td>
				</tr>
				<tr>
					<td class="T" class="td2">验证码 :</td>
						<td colspan="3">
						<input type="text" class="YZ"/>
						<img src="images/5_03.jpg"/>
						<span class="look">看不清 ?</span>
						<a href="#" class="GH"><span class="red1">点击更改</span></a>
						</td>
					<!--<td class="YZ_1"><input type="text" class="YZ"/></td>
					<td><img src="images/5_03.jpg"/></td>
					<td>看不清 ?</td>
					<td><a href="#" class="GH">点击跟换</a></td>-->
				</tr>
				<tr class="tr4">
					<td class="td3">会员注册协议:</td>
					<td colspan="4">
						<textarea name="" rows="6" cols="80" disabled="disabled">1、在本站注册的会员，必须遵守《互联网电子公告服务管理规定》，不得在本站发表诽谤他人，侵犯他人隐私，侵犯他人知识产权，传播病毒，政治言论，商业讯息等信息。
2、在所有在本站发表的文章，本站都具有最终编辑权，并且保留用于印刷或向第三方发表的权利，如果你的资料不齐全，我们将有权不作任何通知使用你在本站发布的作品。
3、在登记过程中，您将选择注册名和密码。注册名的选择应遵守法律法规及社会公德。您必须对您的密码保密，您将对您注册名和密码下发生的所有活动承担责任。</textarea>
					</td>
				</tr>
			</table>
			</form>
			<!--阅读协议-->
			    <div class="GX"></div>
				<input type="checkbox" class="cbox"/> 
				<div class="XY">
					<img src="images/30_03.jpg" class="XY_img"/> 
				</div>
				<div class="XY1">我已阅读并完全接受服务协议</div>
			
			<!--注册按钮-->
			<form action="" method="post" class="B">
				<input type="submit" value="注册" class="ZC"/>
			</form>
						
			
			<!--分割线-->
			<div class="hr">
				
			</div>	
				
			<!--底部-->
			<div class="AB">
				<div class="JJ">
					<h1>简介</h1>
					<p>鼎搜网简介</p>
					<p>鼎搜服务</p>
					<p>会员身份实名认证</p>
				</div>
				<div class="BZ">
					<h1>帮助</h1>
					<p>用户注册</p>
					<p>关于鼎搜</p>
					<p>在线咨询</p>
				</div>
				<div class="GY">
					<h1>共赢</h1>
					<p>网站合作</p>
					<p>用户协议</p>
					<p>会员身份实名认证</p>
				</div>
				<div class="DH">
					<h1>导航</h1>
					<p>地图首页</p>
					<p>职能分类</p>
					<p>企业目录</p>
				</div>
				<div class="FW">
					<div class="img_7">
						<img src="images/7_03.jpg"/>
					</div>
					<div class="FW_1">
						<b>全国服务热线</b><br />
						<b>440-880-1179</b><br />
						<span>邮箱dinsoo@163.com</span>
					</div>
					<div class="SJ">
						<span>投诉电话:4408801179</span><br />
						<span>周一至周六:9:30-20:00</span>
						<div class="GZ">
							<img src="images/8_03.jpg"/>
						</div>
					</div>
					<div class="EWM">
						<img src="images/6_03.jpg"/><b class="b_1">订阅信息</b>
					</div>
				</div>
			</div>
			<div class="foot">
				<b class="BQ">Copyright&copy;2015 鼎搜网(www.dinsoo.com)版权所有</b>
			</div>
		</div>
	</body>
</html>
